<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>我的订单</title>
	<style type="text/css">
		* {
			margin: 0px;
			padding-top: 0px;
		}

		body {
			background-color: #f8f8f7;
			min-height: 800px;
			min-width: 1500px;
		}

		#Navigation {
			height: 41px;
			background-color: #333;
			position: relative;
		}

		.Bar-left li {
			float: left;
			list-style: none;
			/*font-size: 15px;*/
			padding-top: 10px;
			margin-left: 40px;
		}

		.Bar-left li a {
			color: #cccccc;
			text-decoration: none;
			font-size: 15px;
			padding: 5px;
		}

		.Bar-left li a:hover {
			color: white;
			background-color: black;
		}

		#login a {
			float: right;
			list-style: none;
			font-size: 15px;
			padding: 10px;
			margin-right: 40px;
			color: #ccc;
			text-decoration: none;
		}

		#login a:hover {
			color: white;
			background-color: black;
		}

		#banner {
			height: 100px;
			margin: 0px 300px;
			position: relative;
			/*width: 1000px;*/
			/*background-color: #ccc;*/
		}

		.Banner-left li {
			float: left;
			list-style: none;
			padding-top: 30px;
			margin-left: 40px;
		}

		.Banner-left li a {
			color: black;
			text-decoration: none;
			font-size: 20px;
			padding: 5px;
		}

		.Banner-left li a:hover {
			color: #FF838B;
		}

		#search {
			float: right;
			padding-top: 30px;
			text-decoration: none;
			font-size: 20px;
			height: 30px;
			color: black;
		}

		#search:hover {
			color: #FF838B;
		}

		#menu1 {
			/*height: 80px;*/
			margin: 30px 300px;
			position: relative;
			/*width: 1000px;*/
			background-color: papayawhip;
		}

		#menu1 li {
			float: right;
			list-style: none;
			/*font-size: 15px;*/
			padding-top: 30px;
			margin-left: 40px;
		}

		#menu1 li a {
			/*text-align: center;*/
			font-size: 20px;
			color: black;
			text-decoration: none;
		}

		#menu2 {
			/*height: 80px;*/
			/*width: 1000px;*/
			background-color: papayawhip;
			margin: 30px 300px;
			position: relative;
		}

		#menu2 th {
			/*float: right;*/
			/*margin-left: 40px;*/
			/*min-width:50px;*/
			/*list-style:none;*/
			/*font-size: 15px;*/
			/*padding-top: 30px;*/
			/*border: 1px solid;*/
			line-height: 10px;
			height: 30px;
			font-size: 20px;
		}

		#menu2 tr td {
			/*border: solid 1px black;*/
			text-align: center;
			font-size: 20px;
			color: black;
			text-decoration: none;
			padding: 30px;
		}

	</style>
</head>

<body>

<div id="Navigation">
	<a href="#"><img src="../images/logo.png" alt="logo" style="float: left"></a>
	<ul class="Bar-left">
		<li><a href="#">菜谱</a></li>
		<li><a href="#">食材</a></li>
		<li><a href="#">珍选</a></li>
		<li><a href="#">健康</a></li>
		<li><a href="#">专题</a></li>
		<li><a href="#">社区</a></li>
		<li><a href="#">话题</a></li>
		<li><a href="#">活动</a></li>
	</ul>

	<a href="#"><img src="../images/login.png" alt="不知道写什么" style="float: right;"></a>
	<div id="login">
		<a href="#">注册</a>
		<a href="#">登陆</a>
	</div>
</div>

<div id="banner">
	<a href="#"><img src="../images/banner.png" alt="不知道写什么" style="float: left"></a>
	<ul class="Banner-left">
		<li><a href="#">首页</a></li>
		<li><a href="#">菜谱</a></li>
		<li><a href="#">食材</a></li>
		<li><a href="#">珍选</a></li>
		<li><a href="#">健康</a></li>
		<li><a href="#">专题</a></li>
		<li><a href="#">社区</a></li>
		<li><a href="#">话题</a></li>
	</ul>
</div>

<div id="menu1">
	<ul>
		<li style="float: left"><a href="#">严选></a></li>
		<li style="float: left"><a href="#">我的订单</a></li>
		<!--<li><a href="#">全部订单</a></li>-->
		<!--<li><a href="#">待付款</a></li>-->
		<!--<li><a href="#">待发货</a></li>-->
		<!--<li><a href="#">待收货</a></li>-->
		<!--<li><a href="#">待评价</a></li>-->
	</ul>
</div>

<div id="menu2">
	<table>
		<tr>
			<th>物品名称</th>
			<th>订单时间</th>
			<th>订单状态</th>
			<th>收货人</th>
			<th>单价</th>
			<th>数量</th>
			<th>总价</th>

		</tr>
		<%
		Date.prototype.Format = function (fmt) { //author: meizz
			var o = {
				"M+": this.getMonth() + 1, //月份
				"d+": this.getDate(), //日
				"h+": this.getHours(), //小时
				"m+": this.getMinutes(), //分
				"s+": this.getSeconds(), //秒
				"q+": Math.floor((this.getMonth() + 3) / 3), //季度
				"S": this.getMilliseconds() //毫秒
			};
			if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
			for (var k in o)
				if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
			return fmt;
		}
		%>
		<% data.forEach(function(item){ %>
		<tr>
			<td><%= item.order_info %></td>
			<td><%= (new Date(item.order_time)).Format("yyyy-MM-dd_hh:mm:ss") %></td>
			<td><%= item.order_state %></td>
			<td><%= item.order_receiver %></td>
			<td><%= item.order_price %></td>
			<td><%= item.order_num %></td>
			<td><%= item.order_num * item.order_price %></td>
		</tr>
		<% }) %>
	</table>
</div>

</body>
</html>